
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<title>小可爱的个人主页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
 
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}




		
	</script>

	
	<link href="./index/css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="./index/css/style.css" rel='stylesheet' type='text/css' />
	<link href="./index/css/owl-carousel.css" rel='stylesheet' type='text/css' />
	<link href="./index/css/font-awesome.min.css" rel="stylesheet">
<style>

*{  
            margin: 0px;  
            padding: 0px;  
        }  
        video{  
            position: fixed;  
        
            bottom: 0px;  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
           
            z-index:-11
        }  
        source{  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
        } 
		.sj {
color: rgb(188 124 170);
}

</style>

</head>

<body>

	
	<header>

		

		<div class="container">
			<div class="header d-lg-flex">
				<div class="header-agile d-flex">
					<h1 class="mr-lg-0 mr-4">
					
					</h1>
					<div class="social social-invisible mt-3">
						<ul>
							
						</ul>
					</div>
				</div>
				<div class="nav_w3ls mt-3">
					<nav>
						<label for="drop" class="toggle mt-lg-0 mt-1"><span class="fa fa-bars" aria-hidden="true"></span></label>
						<input type="checkbox" id="drop" />
						<ul class="menu">
							<li class="mr-lg-3 mr-2 active"><a href="/">主页</a></li>
							<li class="mr-lg-3 mr-2"><a href="/wzxq">文字星球</a></li>
						</ul>
					</nav>
				</div>
			
		</div>
	</header>
	
	<section class="main-slider">
		<div class="owl-one owl-carousel owl-theme">
			<div class="item">
				<li>
					
					<div class="banner-view">
					
						<video id="v1" autoplay loop muted>
							
							
							<!-- <source src="./index./index.mp4" type="video/mp4"  />  -->
						 <source src="https://pro-video.xiaoheiban.cn/202102/3431385a-6dad-46e3-9df7-ce814fdd2dfe.mp4" type="video/mp4"  /> 
						</video>
						<div class="container banner-info">
							<h2 class="movetxt agile-title text-capitalize"> 可爱与您相见</h2>
							<h2 class="movetxt agile-title text-capitalize">I see you.</h2>					
							<a href="https://space.bilibili.com/14010836" class="btn"> 去往哔哩哔哩 </a>
							<a href="https://github.com/bilibilifmk" class="btn"> 去往GitHub </a>
						</div>
					</div>
				</li>
			</div>
			</li>
		</div>
		</div>
	</section>

	<section class="about py-5" id="about">
		<div class="container py-lg-5 py-md-3">
			<div class="row">
				<div class="col-lg-6 about-padding">
					<h4 class="mt-lg-5">我的个人简介</h4>
					<p class="mt-3">全世界最可爱的全栈娘(自封的)</p>
					<p class="mt-3">至我所爱，终其一生！</p>
					<p class="mt-3">技能：语言(Basic、c艹、c#、python、Java) 、硬件设计、应用电路设计、机械结构设计、3D建模、嵌入式、外观设计、视频剪辑、封面设计、能熟练进行Linux|Windows等系统的开关机、能熟练使用sudo rm -rf /*删库跑路</p>
				</div>
				<div class="col-lg-6 px-sm-0 img-div">
					<img src="./index/zp.jpg" alt="" class="img-fluid" />
				
				
	</section>


	<section class="gallery py-5" id="gallery">
		<div class="container py-lg-5 py-3">
			<h3 class="heading mb-4 text-center"><p style="text-decoration:line-through">项目列表</p>(能拿得出手的项目)</h3>
			<div class="row news-grids text-center">
				<div class="col-md-4 col-sm-6 gal-img">
					<a href="#gal1"><img src="./index/project/blblframe.jpg" alt="news image" class="img-fluid"></a>
					<a href="#gal2"><img src="./index/project/wifi_link_tool.jpg" alt="news image" class="img-fluid"></a>
                    <a href="#gal7"><img src="./index/project/Eastereggs.jpg" alt="news image" class="img-fluid"></a>
				</div>
				<div class="col-md-4 col-sm-6 gal-img">
					<a href="#gal3"><img src="./index/project/ESP_weather_Cube.jpg" alt="news image" class="img-fluid"></a>
					<a href="#gal4"><img src="./index/project/ESP_VFD_Clock.jpg" alt="news image" class="img-fluid"></a>
				</div>
				<div class="col-md-4 col-sm-6 gal-img">
					<a href="#gal5"><img src="./index/project/ROG_fan.jpg" alt="news image" class="img-fluid"></a>
					<a href="#gal6"><img src="./index/project/rpi_mt.jpg" alt="news image" class="img-fluid"></a>
				</div>
			</div>
		</div>
		
		<div id="gal2" class="pop-overlay animate">
			<div class="popup">
				<h3 class="heading mb-4 text-center">ESP8266通用配网库及集群库</h3>
				<img src="./index/project/wifi_link_tool.jpg" alt="Popup Image" class="img-fluid" />
				<p class="mt-4" style="text-decoration:line-through">这是一个为esp8266设计的通用配网及集群库</p>
				<p class="mt-4">这是魔法</p>
				<p class="mt-4">项目：<a href="https://github.com/bilibilifmk/wifi_link_tool">GitHub</a></p>
			    <p class="mt-4">视频：<a href="https://www.bilibili.com/video/BV1Ek4y1r75J/">bilibili</a></p>

				<a class="close" href="#gallery">&times;</a>
			</div>
		</div>
		<div id="gal1" class="pop-overlay animate">
			<div class="popup">
				<h3 class="heading mb-4 text-center">哔哩哔哩粉丝数显相框</h3>
				<img src="./index/project/blblframe.jpg" alt="Popup Image" class="img-fluid" />
				<p class="mt-4">哔哩哔哩up 粉丝及直播在线人数数显</p>
				<p class="mt-4">项目：<a href="https://github.com/bilibilifmk/blblframe">GitHub</a></p>
			    <p class="mt-4">视频：<a href="https://www.bilibili.com/video/BV1B54y1C7pF/">bilibili</a></p>
				<p class="mt-4">硬件设计：<a href="https://oshwhub.com/hbk444/b-zhan-fen-si-shuo-xian/">oshwhub</a></p>
				<a class="close" href="#gallery">&times;</a>
			</div>
		</div>
		<div id="gal3" class="pop-overlay animate">
			<div class="popup">
				<h3 class="heading mb-4 text-center">天气方块</h3>
				<img src="./index/project/ESP_weather_Cube.jpg" alt="Popup Image" class="img-fluid" />
				<p class="mt-4">基于esp8266+0.96oled的气象站桌面时钟</p>
				<p class="mt-4">项目：<a href="https://github.com/bilibilifmk/ESP_weather_Cube">GitHub</a></p>
			    <p class="mt-4">视频：<a href="https://www.bilibili.com/video/BV1WC4y1h7k4/">bilibili</a></p>
				<p class="mt-4">硬件设计：<a href="https://oshwhub.com/hbk444/qi-xiang-zhan01">oshwhub</a></p>
				<a class="close" href="#gallery">&times;</a>
			</div>
		</div>
		<div id="gal4" class="pop-overlay animate">
			<div class="popup">
				<h3 class="heading mb-4 text-center">VFD空气走线时钟</h3>
				<img src="./index/project/ESP_VFD_Clock.jpg" alt="Popup Image" class="img-fluid" />
				<p class="mt-4">ESP8266驱动的ИВ-18八位VFD时钟及B站粉丝数显</p>
				<p class="mt-4">项目：<a href="https://github.com/bilibilifmk/ESP_VFD_Clock">GitHub</a></p>
			    <p class="mt-4">视频：<a href="https://www.bilibili.com/video/BV1Er4y1F7T9/">bilibili</a></p>
				<a class="close" href="#gallery">&times;</a>
			</div>
		</div>	
		<div id="gal5" class="pop-overlay animate">
			<div class="popup">
				<h3 class="heading mb-4 text-center">ROG兼容风扇</h3>
				<img src="./index/project/ROG_fan.jpg" alt="Popup Image" class="img-fluid" />
				<p class="mt-4">目前已知可完美兼容ROG phone2-3代，甚至是联想的拯救者也能兼容， 理论上反是支持usbhub功能的手机都能兼容，充电口在下方的手机可引出usbc接口效果一样。</p>
				<p class="mt-4">项目：<a href="https://github.com/bilibilifmk/ROG_fan">GitHub</a></p>
			    <p class="mt-4">视频：<a href="https://www.bilibili.com/video/BV11f4y1976N/">bilibili</a></p>
				<p class="mt-4">硬件设计：<a href="https://oshwhub.com/hbk444/rog-jian-rong-feng-shan">oshwhub</a></p>
				<a class="close" href="#gallery">&times;</a>
			</div>
		</div>
		<div id="gal6" class="pop-overlay animate">
			<div class="popup">
				<h3 class="heading mb-4 text-center"><p style="text-decoration:line-through">树莓派移动终端</p></h3>
				<h3 class="heading mb-4 text-center">黑莓派</h3>
				<img src="./index/project/rpi_mt.jpg" alt="Popup Image" class="img-fluid" />
				<p class="mt-4">树莓派移动终端 全键盘及2.4寸tft材质屏幕</p>
				<p class="mt-4">项目：<a href="https://github.com/bilibilifmk/rpi_mt">GitHub</a></p>
			    <p class="mt-4">视频：<a href="https://www.bilibili.com/video/av96884398/">bilibili</a></p>
				<a class="close" href="#gallery">&times;</a>
			</div>
		</div>
		<div id="gal7" class="pop-overlay animate">
			<div class="popup">
				<h3 class="heading mb-4 text-center">恭喜你发现彩蛋</h3>
				<img src="./index/project/nzcd.jpg" alt="Popup Image" class="img-fluid" />				
				<p class="mt-4">获取彩蛋：<a href="http://keai.icu/static/index/project/Eastereggs.exe">Easter eggs</a></p>
				<a class="close" href="#gallery">&times;</a>
			</div>
		</div>

	</section>

	<footer class="footerv4-w3ls py-sm-5 py-4" id="footer">
		<div class="footerv4-top">
			<div class="container">

			
				<div class="footer-logo text-center">
					<a href="index"><span  aria-hidden="true"></span> 感谢您的访问 </a>
				</div>
				
				<div class="d-flex align-items-center footer-nav-wthree justify-content-center my-3">
					<ul class="footer-link">
						<li ><a href="/">主页</a></li>
						<li><a href="/wzxq">文字星球</a></li>			
						<li><a href="/sj">服务器运行时间</a></li>
				
						
					</ul>
				</div>
		

	
		<p></p>
		<div class="d-flex align-items-center footer-nav-wthree justify-content-center my-3">
				<li ><a href="https://player.bilibili.com/player.html?aid=170001" style="color: rgb(255, 255, 255);">沪公网安备编不下去了摊牌了我没备案|点击举报</a></li>	
		</div>
	</div>
	<div class="footer-logo text-center">
		<span class="sj" id="site_runtime" ></span>
	</div>
   </div>
	</footer>

	<script src="./index/js/jquery-3.3.1.min.js"></script>
	<script src="./index/js/owl.carousel.js"></script>
	<script>
		$(document).ready(function () {
			$('.owl-one').owlCarousel({
				loop: true,
				margin: 0,
				nav: false,
				dots: true,
				responsiveClass: true,
				autoplay: true,
				autoplayTimeout: 5000,
				autoplaySpeed: 1000,
				autoplayHoverPause: false,
				responsive: {
					0: {
						items: 1,
						nav: false
					},
					480: {
						items: 1,
						nav: false
					},
					667: {
						items: 1,
						nav: false
					},
					1000: {
						items: 1,
						nav: false
					}
				}
			})
		})

		document.onreadystatechange = function () {
            if (document.readyState == "complete") {
                document.body.style.display = "block";
            } else {
                document.body.style.display = "none";
            };
        };

	</script>

<script type="text/javascript">
    function show_site_runtime(){
	window.setTimeout("show_site_runtime()",1000); 
	X=new Date("10/02/2020 13:39:07"); 
	Y=new Date();
	T=(Y.getTime()-X.getTime()); 
	i=24*60*60*1000;
	d=T/i;
	D=Math.floor(d);
	h=(d-D)*24;
	H=Math.floor(h); 
	m=(h-H)*60;
	M=Math.floor(m); 
	s=(m-M)*60
	S=Math.floor(s);
	site_runtime.innerHTML= "🧡 🌊🌅"+D + "天 " + H + " 小时 " + M + " 分 " + S + " 秒 "
    }
	show_site_runtime();
</script>
</body>

</html>